<template>
  <div id="view">
    <!--<p class="title" v-html="name"></p>-->
    <div class="content" v-html="content"></div>
  </div>
</template>

<style lang="less" scoped>
  body{
    background: #ededed !important;
  }
  #view{
      line-height: 1.5rem;
      color: #000;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      padding-bottom:2.5rem;
      font-size: 1.2rem;
      padding-top:0.75rem ;
      div{
        padding-bottom: 0.75rem;
      }
      .title{
        line-height: 1.1rem;
        padding-bottom:0.5rem;
      }
      .content{
        font-size: 1rem;
        line-height: 1.5rem;
        color: #8e8e8e;
        text-indent: 2em;
        img{
          width: 100%;
          padding-bottom:4rem;
          height: auto;
        }
      }
  }
</style>

<script>
  export default{
    name: 'detail',
    props: [
      'name',
      'content'
    ]
  }
</script>
